<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <th id="number" width="140">STT</th>
      <th id="position" width="120">Vị trí trên trang chủ</th>
      <th id="fee" width="110">Phí dịch vụ (tuần)</th>
      <th id="duration" width="110">Thời gian</th>
      <th id="payment" width="120">Tổng phí dịch vụ</th>
      <th id="confirm"></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td headers="number">
        <input type="checkbox" id="checkbox-homepage-1">
        <label for="checkbox-homepage-1"></label>	
      	Tốp 1
      	<script type="text/javascript">
          $(document).ready(function() {
        	$(".homepage #checkbox-homepage-1").change(function() {
        		$(".homepage #expand_1").toggle();
      		});
          });
        </script> 
      </td>
      <td headers="position">Vị trí từ 01 - 08</td>
      <td headers="fee">600 xu</td>
      <td headers="duration">
      	<select class="duration-select-1" name="duration-select">
          <option value="1">1 Tuần</option>  
          <option value="2">2 Tuần</option>
          <option value="3">3 Tuần</option>
          <option value="4">4 Tuần</option>
          <option value="5">5 Tuần</option>
          <option value="6">6 Tuần</option>
          <option value="7">7 Tuần</option>
          <option value="8">8 Tuần</option>
          <option value="9">9 Tuần</option>
          <option value="10">10 Tuần</option>
          <option value="11">11 Tuần</option>
          <option value="12">12 Tuần</option>
        </select>
        <script type="text/javascript">
          function addCommas(nStr)
          {
        	nStr += '';
        	x = nStr.split('.');
        	x1 = x[0];
        	x2 = x.length > 1 ? '.' + x[1] : '';
        	var rgx = /(\d+)(\d{3})/;
        	while (rgx.test(x1)) {
        		x1 = x1.replace(rgx, '$1' + ',' + '$2');
        	}
        	return x1 + x2;
          }
          $(document).ready(function() {
        	$(".homepage .duration-select-1").change(function() {
              var payment = $(this).val() * 600;
        	  $(".homepage tr:nth-child(1) td:nth-child(5)").text(addCommas(payment) + ' xu');
        	  $(".homepage .week").val(addCommas($(this).val()));
      		});
          });
        </script> 
      </td>
      <td headers="payment">600 xu</td>
      <?php if($flag4): ?>
      <td headers="status">Bid thành công</td>
      <?php else: ?>
      <td headers="confirm">
        <form method="post" action=<?php echo base_url('bid/add/4'); ?>>
          <input type="hidden" name="week" class="week" value="1" />
          <button class="btn btn-primary" type=submit value="Mua">Mua</button>
        </form>
      </td>
      <?php endif; ?>
    </tr>
    <tr class="expand" id="expand_1">
      <td colspan="6">
      	<div class="pull-left">
          <div class="coundown">
	    <script type="application/javascript">
				    var myCountdown1 = new Countdown({
								 	time: <?php echo time_remaining(); ?>, // 86400 seconds = 1 day
									width:260, 
									height:80,  
									rangeHi:"hour",
									style:"flip"
									});

				    </script>
          </div>
          <div class="row coundown-bottom">
          	<div class="pull-left"><?php echo date('d/m/Y'); ?></div>
          	<div class="pull-right">Giá hiện tại: <?php echo $max_point['4']; ?> xu</div>
          </div>
        </div>
        <div class="bid-block">
          <b>Bạn có muốn đấu giá lên vị trí số 1</b>
          <form method="post" id="ad-form" class="form-horizontal" action=<?php echo base_url('bid/auction/4'); ?>>
            <div class="control-group">
              <label for="bid-value" class="control-label">Đặt giá</label>
              <div class="controls">
                <input type=text name=bid_value id=bid-value class="input-small">
               </div>
            </div>
            <div class="control-group">
              <label for="name" class="control-label">Chú ý</label>
              <div class="controls note">
                - Hệ thống chỉ trừ tiền sau khi bạn đã đấu giá thành công <br />
		- Đấu giá lên vị trí số 1 hàng ngày từ 12h ngày hôm trước đế 12h ngày hôm sau <br />
			- Giá khởi điểm 100 xu, bước giá cho mỗi lần đấu giá là 1 xu <br />
               </div>
            </div>
            <div class="control-group">
              <div class=controls>
              	<button class="btn btn-primary" type=button value="Xem vị trí">Xem vị trí</button>
                <button class="btn btn-primary" type=submit value="Đặt giá">Đặt giá</button>
              </div>
            </div>
          </form>
        </div>
      </td>
    </tr>
<!-- 222222222222222222222222222222222222222222222222222222222222222222222222222 -->
<tr class="gray">
        <td headers="number">
          <input type="checkbox" id="checkbox-homepage-2">
          <label for="checkbox-homepage-2"></label>	
        	Tốp 2
        	<script type="text/javascript">
          $(document).ready(function() {
        	$(".homepage #checkbox-homepage-2").change(function() {
        		$(".homepage #expand_2").toggle();
      		});
          });
        </script> 
      </td>
      <td headers="position">Vị trí từ 09 - 16</td>
      <td headers="fee">500 xu</td>
      <td headers="duration">
      	<select class="duration-select-2" name="duration-select">
          <option value="1">1 Tuần</option>  
          <option value="2">2 Tuần</option>
          <option value="3">3 Tuần</option>
          <option value="4">4 Tuần</option>
          <option value="5">5 Tuần</option>
          <option value="6">6 Tuần</option>
          <option value="7">7 Tuần</option>
          <option value="8">8 Tuần</option>
          <option value="9">9 Tuần</option>
          <option value="10">10 Tuần</option>
          <option value="11">11 Tuần</option>
          <option value="12">12 Tuần</option>
        </select>
        <script type="text/javascript">
          function addCommas(nStr)
          {
        	nStr += '';
        	x = nStr.split('.');
        	x1 = x[0];
        	x2 = x.length > 1 ? '.' + x[1] : '';
        	var rgx = /(\d+)(\d{3})/;
        	while (rgx.test(x1)) {
        		x1 = x1.replace(rgx, '$1' + ',' + '$2');
        	}
        	return x1 + x2;
          }
          $(document).ready(function() {
        	$(".homepage .duration-select-2").change(function() {
              var payment = $(this).val() * 500;
        	  $(".homepage tr:nth-child(3) td:nth-child(5)").text(addCommas(payment) + ' xu');
        	  $(".homepage .week").val(addCommas($(this).val()));
      		});
          });
        </script> 
      </td>
      <td headers="payment">500 xu</td>
      <?php if($flag5): ?>
      <td headers="status">Bid thành công</td>
      <?php else: ?>
      <td headers="confirm">
        <form method="post" action=<?php echo base_url('bid/add/5'); ?>>
          <input type="hidden" name="week" class="week" value="1" />
          <button class="btn btn-primary" type=submit value="Mua">Mua</button>
        </form>
      </td>
      <?php endif; ?>
    </tr>
    <tr class="expand" id="expand_2">
      <td colspan="6">
      	<div class="pull-left">
          <div class="coundown">
	    <script type="application/javascript">
				    var myCountdown1 = new Countdown({
				    	            time: <?php echo time_remaining(); ?>, // 86400 seconds = 1 day
									width:260, 
									height:80,  
									rangeHi:"hour",
									style:"flip"
									});

				    </script>
          </div>
          <div class="row coundown-bottom">
          	<div class="pull-left"><?php echo date('d/m/Y'); ?></div>
          	<div class="pull-right">Giá hiện tại: <?php echo $max_point['5']; ?> xu</div>
          </div>
        </div>
        <div class="bid-block">
          <b>Bạn có muốn đấu giá lên vị trí số 1</b>
          <form method="post" id="ad-form" class="form-horizontal" action=<?php echo base_url('bid/auction/5'); ?>>
            <div class="control-group">
              <label for="bid-value" class="control-label">Đặt giá</label>
              <div class="controls">
                <input type=text name=bid_value id=bid-value class="input-small">
               </div>
            </div>
            <div class="control-group">
              <label for="name" class="control-label">Chú ý</label>
              <div class="controls note">
                - Hệ thống chỉ trừ tiền sau khi bạn đã đấu giá thành công <br />
		- Đấu giá lên vị trí số 1 hàng ngày từ 12h ngày hôm trước đế 12h ngày hôm sau <br />
			- Giá khởi điểm 100 xu, bước giá cho mỗi lần đấu giá là 1 xu <br />
               </div>
            </div>
            <div class="control-group">
              <div class=controls>
              	<button class="btn btn-primary" type=button value="Xem vị trí">Xem vị trí</button>
                <button class="btn btn-primary" type=submit value="Đặt giá">Đặt giá</button>
              </div>
            </div>
          </form>
        </div>
      </td>
    </tr>
<!-- 3333333333333333333333333333333333333333333333333 -->
<tr class="gray">
        <td headers="number">
          <input type="checkbox" id="checkbox-homepage-3">
          <label for="checkbox-homepage-3"></label>	
        	Tốp 3
        	<script type="text/javascript">
          $(document).ready(function() {
        	$(".homepage #checkbox-homepage-3").change(function() {
        		$(".homepage #expand_3").toggle();
      		});
          });
        </script> 
      </td>
      <td headers="position">Vị trí từ 17 - 24</td>
      <td headers="fee">400 xu</td>
      <td headers="duration">
      	<select class="duration-select-3" name="duration-select">
          <option value="1">1 Tuần</option>  
          <option value="2">2 Tuần</option>
          <option value="3">3 Tuần</option>
          <option value="4">4 Tuần</option>
          <option value="5">5 Tuần</option>
          <option value="6">6 Tuần</option>
          <option value="7">7 Tuần</option>
          <option value="8">8 Tuần</option>
          <option value="9">9 Tuần</option>
          <option value="10">10 Tuần</option>
          <option value="11">11 Tuần</option>
          <option value="12">12 Tuần</option>
        </select>
        <script type="text/javascript">
          function addCommas(nStr)
          {
        	nStr += '';
        	x = nStr.split('.');
        	x1 = x[0];
        	x2 = x.length > 1 ? '.' + x[1] : '';
        	var rgx = /(\d+)(\d{3})/;
        	while (rgx.test(x1)) {
        		x1 = x1.replace(rgx, '$1' + ',' + '$2');
        	}
        	return x1 + x2;
          }
          $(document).ready(function() {
        	$(".homepage .duration-select-3").change(function() {
              var payment = $(this).val() * 400;
        	  $(".homepage tr:nth-child(5) td:nth-child(5)").text(addCommas(payment) + ' xu');
        	  $(".homepage .week").val(addCommas($(this).val()));
      		});
          });
        </script> 
      </td>
      <td headers="payment">400 xu</td>
      <?php if($flag6): ?>
      <td headers="status">Bid thành công</td>
      <?php else: ?>
      <td headers="confirm">
        <form method="post" action=<?php echo base_url('bid/add/6'); ?>>
          <input type="hidden" name="week" class="week" value="1" />
          <button class="btn btn-primary" type=submit value="Mua">Mua</button>
        </form>
      </td>
      <?php endif; ?>
    </tr>
    <tr class="expand" id="expand_3">
      <td colspan="6">
      	<div class="pull-left">
          <div class="coundown">
	    <script type="application/javascript">
				    var myCountdown1 = new Countdown({
				    	            time: <?php echo time_remaining(); ?>, // 86400 seconds = 1 day
									width:260, 
									height:80,  
									rangeHi:"hour",
									style:"flip"
									});

				    </script>
          </div>
          <div class="row coundown-bottom">
          	<div class="pull-left"><?php echo date('d/m/Y'); ?></div>
          	<div class="pull-right">Giá hiện tại: <?php echo $max_point['6']; ?> xu</div>
          </div>
        </div>
        <div class="bid-block">
          <b>Bạn có muốn đấu giá lên vị trí số 1</b>
          <form method="post" id="ad-form" class="form-horizontal" action=<?php echo base_url('bid/auction/6'); ?>>
            <div class="control-group">
              <label for="bid-value" class="control-label">Đặt giá</label>
              <div class="controls">
                <input type=text name=bid_value id=bid-value class="input-small">
               </div>
            </div>
            <div class="control-group">
              <label for="name" class="control-label">Chú ý</label>
              <div class="controls note">
                - Hệ thống chỉ trừ tiền sau khi bạn đã đấu giá thành công <br />
		- Đấu giá lên vị trí số 1 hàng ngày từ 12h ngày hôm trước đế 12h ngày hôm sau <br />
			- Giá khởi điểm 100 xu, bước giá cho mỗi lần đấu giá là 1 xu <br />
               </div>
            </div>
            <div class="control-group">
              <div class=controls>
              	<button class="btn btn-primary" type=button value="Xem vị trí">Xem vị trí</button>
                <button class="btn btn-primary" type=submit value="Đặt giá">Đặt giá</button>
              </div>
            </div>
          </form>
        </div>
      </td>
    </tr>
  </tbody>
</table>    	